<!DOCTYPE html>
<html>
<head>
    <meta content="IE=11.0000" http-equiv="X-Ua-Compatible">
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-Ua-Compatible" content="IE=edge,chrome=1">
  <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
    <title>首页</title>
    <!--region 引入公用js和css -->
    <script>
        var HOST_S = "";
        var ctx = "";
    </script>
    <link href="../assets/plugins/animate/animate.css" rel="stylesheet">
    <link href="../assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/base/css/components.css" rel="stylesheet" id="style_components" type="text/css"/>
    <link href="../assets/base/css/plugins.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/ditop/layout.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/bootstrap-table/bootstrap-table.css" rel="stylesheet">
    <link href="../assets/plugins/bootstrap-table/extensions/tree-column/bootstrap-table-tree-column.css" rel="stylesheet">
    <link href="../assets/plugins/bootstrap-toastr/toastr.css" rel="stylesheet">
    <link href="../assets/module/gcjsy/gcjsy-comp.css" rel="stylesheet">
    <link rel="stylesheet" href="../assets/plugins/sweetalert/sweetalert.css">
    <link rel="stylesheet" href="../assets/plugins/layer/theme/default/layer.css">
    <!-- CSS Customization -->
    <link href="../assets/plugins/select2/css/select2.min.css" rel="stylesheet">
    <link href="../assets/plugins/icheck/skins/flat/aero.css" rel="stylesheet">
    <link href="../assets/ditop/ditop.css" rel="stylesheet">
    <link href="../assets/ditop/style/ztree/style9/treestyle.css" rel="stylesheet">
    <link href="../assets/plugins/bootstrap-touchspin/bootstrap.touchspin.css" rel="stylesheet">
    <link href="../assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet"
          type="text/css"/>
    <script src="../assets/plugins/jquery/jquery.min.js"></script>
    <script src="../assets/plugins/bootstrap/js/bootstrap.min.js"></script>
    <script src="../assets/plugins/bootstrap-toastr/toastr.js"></script>
    <script src="../assets/plugins/art-template/template.js"></script>
    <script src="../assets/plugins/layer/layer.js"></script>
    <script src="../assets/ditop/ditop.js"></script>

    <script>
        $("html").addClass("LAYOUT_9");
        if (parent.layer.getFrameIndex(window.name)) {
            $("html").addClass("dlglayer");
        }
    </script>
    <!--endregion-->

    <script src="../assets/module/gcjsy/js/echarts.min.js"></script>
</head>

<body>
<div class="page-wrapper">


    <div class="page-header navbar">
        <div class="page-header-inner clearfix">
            <div class="logo pull-left">
                <a href="#"><img src="../assets/images/logo/logo.png" alt="logo" class="logo-default"/> </a>
            </div>
            <div class="menu-toggler sidebar-toggler" style="height: 0"></div>
            <div class="main-menu pull-left">
                <ul class="nav navbar-nav">
                    <li id="home">
                        <span>首页</span>
                    </li>
                    <li>
                        <div class="header-type">
                            <span>代办事项</span>
                        </div>
                    </li>
                    <li class="active-menu">
                        <div class="header-type">
                            <span>办事大厅</span>
                        </div>
                    </li>
                    <li>
                        <div class="header-type">
                            <span>应用中心</span>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="top-menu pull-right">
                <ul class="nav navbar-nav">

                    <!--<li><a href="#"><img src="images/tixin.png" alt=""/><span class="badge badge-danger"> 9 </span></a>
                      </li>
                    <li><a href="#"><img src="images/db.png" alt=""/><span class="badge badge-info"> 1 </span></a></li>
                    <li><a href="#"><img src="images/gg.png" alt=""/><span class="badge badge-info"></span></a></li>
                    <li><a href="#"><img src="images/wenti2.png" alt=""/></a></li>-->
                    <li><a href="#"><i class="dtFont dtFont-msg"></i><span class="badge badge-danger"> 9 </span></a>
                    </li>
                    <li><a href="#"><i class="dtFont dtFont-naozhong"></i><span class="badge badge-info"> 1 </span></a></li>
                    <li><a href="#"><i class="dtFont dtFont-gonggao"></i><span class="badge badge-info"></span></a></li>
                    <li><a href="#"><i class="dtFont dtFont-help"></i></a></li>


                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle user-info" data-toggle="dropdown"
                           data-hover="dropdown" data-close-others="true"><i class="dtFont dtFont-my_icon"></i></a>
                        <ul class="dropdown-menu dropdown-menu-default pull-right	">
                            <li class="profile">
                                <a href="javascript:;"> <i class="icon-user"></i> 个人中心</a>
                            </li>
                            <li class="changePassword">
                                <a href="javascript:;"> <i class="icon-key"></i> 修改密码</a>
                            </li>
                            <li class="feedBack">
                                <a href="javascript:;"> <i class="icon-bubbles"></i> 给管理员留言</a>
                            </li>
                            <li class="divider"></li>
                            <li class="logout">
                                <a href="javascript:;"> <i class="icon-close"></i>退出</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>


    <div class="page-container index-page-container">

        <div class="index-content">
            <div class="five-card">
                <ul class="clearfix">
                    <li>
                        <h2><span>5</span>条</h2>
                        <p>资质预警</p>
                        <div>
                            <i class="dtFont dtFont-yujing"></i>
                        </div>
                    </li>
                    <li>
                        <h2><span>12</span>项</h2>
                        <p>待办事项</p>
                        <div style="background: #bb31b9">
                            <i class="dtFont dtFont-yewu"></i>
                        </div>
                    </li>
                    <li>
                        <h2><span>12</span>个</h2>
                        <p>在建项目</p>
                        <div style="background: #32c6d3">
                            <i class="dtFont dtFont-zaijiangongcheng"></i>
                        </div>
                    </li>
                    <li>
                        <h2><span>500</span>万元</h2>
                        <p>本年度业绩</p>
                        <div style="background: #f83700">
                            <i class="dtFont dtFont-yeji"></i>
                        </div>
                    </li>
                    <li>
                        <h2><span>96</span>分</h2>
                        <p>企业信用分</p>
                        <div style="background: #4ba446">
                            <i class="dtFont dtFont-xinyong"></i>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="lr-content clearfix">
                <div class="lr-content-left">
                    <div class="indexStitle">
                        <h3>通知公告<a href="#">查看更多</a></h3>
                    </div>
                    <ul class="new-list">
                        <li><a href="#">建筑工程施工总承包资质审批通过工总承包资质审批工总承包资质审批工总承包资质审批工总承包资质审批工总承包资质审批</a><span>2018-09-30  08:53</span></li>
                        <li><a href="#">建筑工程施工总承包资质审批通过工总承包资质审批工总承包资质审批工总承包资质审批工总承包资质审批工总承包资质审批</a><span>2018-09-30  08:53</span></li>
                        <li><a href="#">建筑工程施工总承包资质审批通过工总承包资质审批工总承包资质审批工总承包资质审批工总承包资质审批工总承包资质审批</a><span>2018-09-30  08:53</span></li>
                      <li><a href="#">建筑工程施工总承包资质审批通过工总承包资质审批工总承包资质审批工总承包资质审批工总承包资质审批工总承包资质审批</a><span>2018-09-30  08:53</span></li>
                      <li><a href="#">建筑工程施工总承包资质审批通过工总承包资质审批工总承包资质审批工总承包资质审批工总承包资质审批工总承包资质审批</a><span>2018-09-30  08:53</span></li>

                   </ul>
                </div>
                <div class="lr-content-right">
                    <div class="indexStitle">
                        <h3>待办事项<a href="#">查看更多</a></h3>
                    </div>
                    <ul class="new-list new-list2">
                        <li><a href="#">李木子 离职申请</a><b>段誉</b><span>2018-09-30  08:53</span></li>
                        <li><a href="#">曾小贤 二级建造师注销确认</a><b>段誉阿萨德</b><span>2018-09-30  08:53</span></li>
                        <li><a href="#">德拓（中国）信息科技有限公司 工程发包 </a><b>段誉萨达</b><span>2018-09-30  08:53</span></li>
                        <li><a href="#">李木子 离职申请  </a><b>段誉阿萨德  大山洞 </b><span>2018-09-30  08:53</span></li>
                    </ul>
                </div>
            </div>

            <div class="xm-main">
                <div class="indexStitle">
                    <h3>项目分析</h3>
                </div>
                <div class="xm-mainB clearfix">
                    <div class="xm-main-left">
                      <div id="chinaMap">

                      </div>
                    </div>
                    <div class="xm-main-right">
                        <div id="z_tu">

                        </div>
                    </div>
                </div>
            </div>

            <div class="xm-main2">
                <div class="indexStitle">
                    <h3>人员分析</h3>
                </div>
                <div class="xm-mainB clearfix">
                    <div class="xm-main-left">
                        <div style="height: 350px;" id="mghb">

                        </div>
                    </div>
                    <div class="xm-main-right clearfix">
                        <div class="pull-left" id="b_tu">

                        </div>
                        <div class="pull-right" id="r_tu">

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- 可以从建一个css文件-->
    <style>
        .dt-footer {
            padding: 80px 20px 10px; height: 330px; color: rgb(255, 255, 255); font-size: 14px; background-color: rgb(38, 40, 57);
        }
        .footer-links {
            width: 40%; float: left;
        }
        .footer-links .link {
            vertical-align: top; display: inline-block;
        }
        .footer-links .link ul {
            list-style: none; width: 140px; text-align: center; color: rgb(255, 255, 255); font-size: 14px;
        }
        .footer-links .link ul li:first-child {
            color: rgb(255, 255, 255); font-size: 18px; margin-bottom: 32px;
        }
        .footer-links .link ul li {
            margin-bottom: 10px;
        }
        .footer-links .link ul li a {
            color: rgb(255, 255, 255); text-decoration: none;
        }
        .contact-us {
            width: 59%; float: right;
        }
        .contact-us .contact-container {

        }
        .contact-us a {
            color: rgb(255, 255, 255); text-decoration: none;
        }
        .contact-us a:hover {
            color: rgb(255, 255, 255);
        }
        .contact-info {
            margin-bottom: 32px;
        }
        .contact-info .icon {
            margin-right: 10px;
        }
        .contact-code > div {
            display: inline-block;
        }
        .contact-code > div:last-child {
            margin-left: 30px;
        }
        .contact-code p {
            text-align: center; margin-top: 7px;
        }
        .split-line {
            background: linear-gradient(grey, white, grey); width: 2px; height: 181px; float: left;
        }
        .dt-page-content .dt-card {
            width: 100%; padding-bottom: 20px; background-color: rgb(255, 255, 255);
        }
        .dt-card a:hover {
            color: rgb(83, 165, 251); text-decoration: none;
        }
        .dt-card-header {
            padding: 24px 20px 20px; width: 100%; display: table;
        }
        .dt-card-header .dt-card-title {
            font-size: 16px;
        }
        .dt-card-title {
            display: table-cell;
        }
        .dt-card-actions {
            display: table-cell;
        }
        .dt-card-actions {
            text-align: right;
        }
        .dt-card-actions span {
            padding: 0px !important; margin-left: 38px;
        }
        .dt-card-content {
            border: 1px solid white; border-image: none; margin-right: 22px; margin-left: 22px;
        }
        .dt-page-content .dt-card .dt-page {
            padding-top: 40px; padding-bottom: 40px; margin-right: 22px; margin-left: 22px;
        }
        .dt-page-content .dt-card .dt-page .page-left {
            float: left;
        }
        .dt-page-content .dt-card .dt-page .page-right {
            margin-top: -15px; float: right;
        }
        .dt-page-content .dt-card .dt-page ul a {
            color: rgb(51, 51, 51);
        }
        .dt-page-content .dt-card .dt-page ul li a.active {
            color: rgb(255, 255, 255); background-color: rgb(83, 165, 251);
        }
        .dt-page-content .dt-card .dt-page ul li .page-btn-dis {
            border-color: rgb(237, 237, 237); color: rgb(188, 188, 188); cursor: default !important; background-color: rgb(227, 227, 227) !important;
        }
        .dt-card .no-data {
            /*background: url("/assets/images/main/img/icon/icon_add.png") no-repeat no-repeat center; border: 1.5px dashed rgb(224, 224, 224); border-image: none;*/
        }
        .more {
            color: rgb(83, 165, 251);
        }
        .dt-swalt button {
            padding: 0px 13px !important; border-radius: 20px !important; width: 188px !important; height: 34px !important; vertical-align: middle !important;
        }
        .dt-swalt .confirm {
            color: rgb(255, 255, 255) !important; font-size: 16px !important; background-color: rgb(83, 165, 251) !important;
        }
        .dt-swalt p {
            color: rgb(51, 51, 51) !important; font-size: 16px !important;
        }
        .dt-swalt > div:last-child {
            margin-bottom: 20px;
        }
        .dt-swalt h2 {
            margin: 10px !important;
        }
        .dt-swalt-logout {
            padding-top: 40px !important; padding-bottom: 35px !important;
        }
        body .dt-swalt-logout h2 {
            color: rgb(119, 119, 119); margin-top: -10px !important;
        }
        .dt-swalt-logout button {
            padding: 0px !important; border-radius: 20px !important; width: 110px; height: 36px; margin-top: 0px !important; box-shadow: none !important;
        }
        .dt-swalt-logout .confirm {
            color: rgb(255, 255, 255); margin-right: 13px; background-color: rgb(83, 165, 251) !important;
        }
        .dt-swalt-logout .confirm:hover {
            color: rgb(255, 255, 255); background-color: rgb(0, 102, 238) !important;
        }
        .dt-swalt-logout .cancel {
            border: 1px solid rgb(170, 170, 170); border-image: none; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255) !important;
        }
        .dt-swalt-logout .cancel:hover {
            background-color: rgb(193, 193, 193) !important;
        }
        body .sweet-alert .sa-icon {
            margin: 0 auto 20px;
        }
        form .Wdate {
            background: 99% 0 / 25px !important; border: 1px solid rgb(194, 202, 216); border-image: none; height: auto !important;
        }
        .fa-calendar {
            color: rgb(170, 170, 170) !important; font-size: 20px !important;
        }


    </style>
    <div class="dt-footer">
        <div class="footer-container">
            <div class="footer-links">
                <div class="link">
                    <ul>
                        <li class="title">关于我们</li>
                        <li><a href="#" target="_blank">公司简介</a></li>
                        <li><a href="#" target="_blank">组织信息</a></li>
                        <li><a href="#" target="_blank">重大事项</a></li>
                        <li><a href="#" target="_blank">媒体报道</a></li>
                        <li><a href="#"
                               target="_blank">法律声明</a></li>
                    </ul>
                </div>
                <div class="link">
                    <ul>
                        <li class="title">安全保障</li>
                        <li><a href="#" target="_blank">合规运营</a></li>
                        <li><a href="#" target="_blank">资金存管</a></li>
                        <li><a href="#" target="_blank">风险控制</a></li>
                        <li><a href="#"
                               target="_blank">信息安全</a></li>
                    </ul>
                </div>
                <div class="link">
                    <ul>
                        <li class="title">信息披露</li>
                        <li><a href="#" target="_blank">运营数据</a></li>
                        <li><a href="#" target="_blank">审计信息</a></li>
                        <li><a href="#" target="_blank">备案信息</a></li>
                        <li><a href="#"
                               target="_blank">还款公告</a></li>
                    </ul>
                </div>
            </div>
            <div class="contact-us">
                <div class="contact-container">
                    <div class="contact-words pull-left">
                        <div class="contact-info"><span class="icon"><img
                            src="../images/index/dh.png"></span><span>客服电话：</span><span
                            class="phone">400-300-2019</span></div>
                        <div class="contact-info"><span class="icon"><img
                            src="../images/index/yx.png"></span><span>客服邮箱：</span><a
                            href="mailto:aaa@ditop.com">aaa@ditop.com</a></div>
                        <div class="contact-info"><span class="icon"><img
                            src="../images/index/sj.png"></span><span>服务时间：</span><span>9:00 -
21:00</span></div>
                        <div class="contact-info"><span class="icon"><img
                            src="../images/index/dw.png"></span><span>地址：</span><span>北京市朝阳区工体北路4号10栋
1103室</span></div>
                    </div>
                    <div class="contact-code pull-right">
                        <div><img class="weixin" src="../images/index/ewm.png">

                            <p>工程建设云<BR>微信公众账号</p></div>
                        <div><img class="weixin" src="../images/index/ewm.png">

                            <p>工程建设云<BR>微信小程序</p></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>


<!--region 引入公用js和css -->
<script src="../assets/plugins/sweetalert/sweetalert.min.js"></script>
<script src="../assets/plugins/jquery.blockui.min.js"></script>
<script src="../assets/plugins/js.cookie.min.js"></script>
<script src="../assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<script src="../assets/plugins/jquery.blockui.min.js"></script>
<script src="../assets/plugins/bootstrap-switch/js/bootstrap-switch.min.js"></script>
<script src="../assets/plugins/bootstrap-touchspin/bootstrap.touchspin.js"></script>
<script src="../assets/plugins/moment.min.js"></script>
<script src="../assets/plugins/bootstrap-daterangepicker/daterangepicker.min.js"></script>
<script src="../assets/plugins/counterup/jquery.waypoints.min.js"></script>
<script src="../assets/plugins/counterup/jquery.counterup.min.js"></script>
<script src="../assets/plugins/fullcalendar/fullcalendar.js"></script>
<script src="../assets/plugins/horizontal-timeline/horizontal-timeline.js"></script>
<script src="../assets/plugins/jquery.sparkline.min.js"></script>
<script src="../assets/plugins/select2/js/select2.js"></script>
<script src="../assets/plugins/select2/js/i18n/zh-CN.js"></script>
<script src="../assets/plugins/ztree/jquery.ztree.all.js"></script>
<script src="../assets/plugins/jquery-form/jquery.form.js"></script>
<script src="../assets/plugins/jquery-validator/jquery.placeholder.min.js"></script>
<script src="../assets/plugins/jquery-validator/jquery.validate.js"></script>
<script src="../assets/plugins/jquery-validator/jquery.validate.custom.js"></script>
<script src="../assets/plugins/jquery-validator/localization/messages_zh.js"></script>
<script src="../assets/plugins/jquery-validator/additional-methods.js"></script>
<script src="../assets/plugins/bootstrap-growl/jquery.bootstrap-growl.js"></script>
<script src="../assets/plugins/bootstrap-table/bootstrap-table.js"></script>
<script src="../assets/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.js"></script>
<script src="../assets/plugins/bootstrap-table/extensions/tree-column/bootstrap-table-tree-column.js"></script>
<script src="../assets/base/scripts/app.js"></script>
<script src="../assets/base/scripts/theme.js"></script>
<script src="../assets/ditop/ditop-addition.js"></script>
<script src="../assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
<script src="../assets/plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"
        type="text/javascript"></script>
<script type="text/javascript" src="../assets/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"
        charset="UTF-8"></script>
<script type="text/javascript"
        src="../assets/plugins/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"
        charset="UTF-8"></script>
<script src="../assets/plugins/jquery-validator/jquery.validate.custom.js"></script>
<script src="../assets/ditop/layout.js"></script>
<!--endregion-->

<script src="../assets/module/gcjsy/js/content.js"></script>

<script src="../assets/module/gcjsy/js/mghb.js"></script>
<script src="../assets/module/gcjsy/js/b_tu.js"></script>
<script src="../assets/module/gcjsy/js/r_tu.js"></script>
<script src="../assets/module/gcjsy/js/z_tu.js"></script>
<script src="../assets/module/gcjsy/js/chinaMap.js"></script>
<script>
    var myChart = echarts.init(document.getElementById('chinaMap'));
    myChart.extendsMap(option);
</script>
</body>
</html>
